<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../common/top.jsp" %>

<link rel="stylesheet" href="css/shop.css">

<style>
    @font-face {
        font-family: 'huayuan';
        src: url("font/花园肉丸.ttf");
    }

    @font-face {
        font-family: 'cm';
        src: url("font/Begilas.otf");
    }

    .display {
        overflow-y: auto;
        overflow-x: hidden;
        width: 700px;
        font-family: cm;
    }

    table {
        width: 80%;
    }

    .userInfo {
        font-size: 20px;

    }

    .userInfo p {
        display: inline;
    }

    .userInfo h3 {
        display: inline;
        font-size: 26px;
    }
</style>

<div class="display">
    <div id="Catalog">
        <div class="userInfo">
            <h3 style="font-family: huayuan;">用户信息</h3>
            <h3>User Information</h3><br>
            User ID:
            <P style="color: rgb(190, 158, 111);">${sessionScope.account.username}</P>
        </div>

        <form action="saveAccount" method="post">

            <table class="changePassword">
                <tr>
                    <td>New password:</td>
                    <td><input type="text" name="password"/></td>
                </tr>
                <tr>
                    <td>Repeat password:</td>
                    <td><input type="text" name="repeatedPassword"/></td>
                </tr>
            </table>

            <%@ include file="accountFields.jsp" %>

            <div id="draw-border" style="position: relative;top: 30px;right: 200px"><button type="submit" name="editAccount" value="Save Account Information">SAVE</button></div>

        </form>
        <div id="draw-border" style="position:relative;bottom: 35px;left: 170px"><a href="orderList?username=${sessionScope.account.username}"><button>My Order</button></a></div>
    </div>
</div>

